<template>
  <div style="line-height:60px; display:flex">
    <div style="flex: 1; font-size: 22px">
      <span
        :class="collapseBtnClass"
        style="cursor: pointer"
        @click="collapse"
      ></span>

 <!-- <el-breadcrumb separator="/" style="display:inline-block;margin-left:10px"> -->
  <!-- separator-class="el-icon-arrow-right" -->
        <!-- <el-breadcrumb-item :to="'/'">首页</el-breadcrumb-item> -->
        <!-- :to="{ path: '/' }" -->
        <!-- <el-breadcrumb-item >{{pathName}}</el-breadcrumb-item> -->
        <!-- <el-breadcrumb-item :to="{ path: '/student' }">学生管理</el-breadcrumb-item>
      </el-breadcrumb> -->




  <!-- <el-breadcrumb separator="/" style="display: inline-block; margin-left: 10px"> -->
      <!-- <el-breadcrumb-item :to="'/'">首页</el-breadcrumb-item> -->
      <!-- <el-breadcrumb-item>{{ currentPathName }}</el-breadcrumb-item> -->
  <!-- </el-breadcrumb> -->


    </div>

    <el-dropdown style="width: 150px; cursor: pointer">
      <span style="font-size: 12px;">王小虎</span>

      <i class="el-icon-setting" style=""></i>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>个人信息</el-dropdown-item>
        <el-dropdown-item>退出登录</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </div>
</template>

<script>
export default {
  name: "Header",
  props: [
    'collapseBtnClass',
    'collapse',
    'pathName',
  ],
  // computed: {
  //   currentPathName () {
  //     return this.$store.state.currentPathName;　　//需要监听的数据
  //   }
  // },
  // watch: {
  //   currentPathName (newVal, oldVal) {
  //     console.log(newVal)
  //   }
  // },

  data() {
      return{
          currentPathName:""
      }
  },
//    watch: {//百度搜出来的结果，监听路由变化
//     // '$route':funtion(){}
//     // '$route.path': function()
//   },

};
</script>

<style>
</style>
